.clear{clear:both;display: block;}
.block{display: block;}
.bold{font-weight: bold;}
.center{text-align:center}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w90{width:90% !important;}
.w100{width:100% !important;}
a{cursor: default;}
html,body{font : 0.95em/21px tahoma,Geneva,serif;height: 100%;width: 100%;color: #555;overflow: hidden;}   

body{background: #fff;}

#top{background: #f9f9f9;height: 105px;}
#middle{border-top:1px solid #C3C3C3;position: relative;}
#bottom{height: 50px;border-top: 1px solid #ccc;height: 100px;}

#about-us{margin: 5px;float: left;}
#about-us span{font-size: 0.85em;}

#choose-language{width: 200px;float: right;text-align: right;margin: 20px 20px 0 0;}
#choose-language select{height: 30px;width: 120px;padding: 5px;background: #f5f5f5;border: 1px solid #ccc;}

.wrap-popup-confirm{display: none;width: 100%;height: 100%;top: 0;left:0;position: fixed;z-index: 150;background: url('../resources/images/bgconfirm.png');}
.popup-confirm{width: 350px;height: 150px;background: #fff;border:5px solid #333;position: absolute;z-index: 200;}
.popup-confirm-header{background: #00949E;height: 30px;line-height: 30px;padding:0 10px;font-weight: bold;color: #fff}
.popup-confirm-header img{float: right;padding: 5px 0;}
.popup-confirm-content{padding: 10px;text-align: center;}
.popup-confirm-content span{}
.popup-confirm-content-navigation{position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center;}
    
.navigation-button-noicon {min-width: 80px;padding:7px 25px;background: #00949E;color:#fff;margin: 2px;font-size:0.95em;}    
.navigation-button-noicon:hover{background: #333;color: #fff}

.icon{width:20px;height:20px;}
.message{display: block;border: 1px solid #D1CA00;background:#FDFFCC;position: absolute;padding: 5px;top: -33px;}
.message a{text-decoration: none}

#logo{padding: 3px 0 3px 15px;float:left;width:200px;}
.menu-top{background:#000;color:#FFFFFF;}
.menu-top ul{list-style: none;width:990px;margin:auto;}
.menu-top ul li{float:left;padding: 0 20px;height: 40px;}
.menu-top ul li a{display: block;font-size:0.9em;padding: 10px 0 0 0;color:#fff;text-decoration: none}
.menu-top ul li a img{margin: 0 7px 0 0;}
.menu-top ul li a:hover{text-decoration: underline;}
.menu-top-selected{background: url("../resources/images/icon/selected.png") no-repeat center 34px;}

.menu-left{padding: 15px 0 0 0;background: #FFF;}
.menu-left ul{list-style: none;}
.menu-left ul li{border-left: 5px solid #FFFFFF;}
.menu-left ul li a{padding:0px 15px;line-height: 35px;display: block;text-decoration: none;color: #555;font-size: 0.95em}
.menu-left-selected a{color: #FF8400 !important;}
.menu-left ul li a:hover{background: #eee;}

.menu-sub-left {list-style: none;display: none;}
.menu-sub-left li{border-left: 5px solid #FFFFFF;background: url('../resources/images/icon/sub.png') no-repeat 18px 12px !important;}
.menu-sub-left li a{display: block;padding:0px 0 0 40px !important;text-decoration: none}
.menu-sub-left li a:hover{background: url('../resources/images/icon/sub.png') no-repeat 18px 12px #eee !important;}


#lcontent{float: left;width: 220px;overflow-y:auto;}
.logged-in a{float: right; border:1px solid #00949E;background: #fff;margin: 15px;min-width: 250px;text-decoration: none}
.logged-in a img{float:right;padding: 5px;width: 15px;height: 15px;}
.logged-in a span{padding: 5px;line-height: 25px;}
.logged-in-user{font-weight: bold;text-align: center;width: 100%;}
.logged-in:hover .logged-in-panel-div{display: block;}

.logged-in-panel-div{position: absolute;top: 82px;right: 15px;display: none;z-index:100;}
.logged-in-panel a{text-decoration: none;clear:both ;border:0px;background: #fff;margin: 0;padding: 10px 0;border-left: 1px solid #000;border-right: 1px solid #000;}
.logged-in-panel a:hover{background: #000;color: #fff;border-left:1px solid #000;}

.loading{text-align: left;height: 10px;visibility: hidden;}

#rcontent{float: left;background: #FFF;}
.rcontent-main{overflow-y: scroll;padding: 10px 0 0 0}
.control{border-bottom: 1px solid #C3C3C3;background: #FFF;}

.paging-control{float:right;width: 130px;padding: 15px 0 ;}
.paging-control-button a{}
.paging-control-button a:hover img{}
.paging-control-button select{min-width: 50px;padding: 2px;background: #f5f5f5;border: 1px solid #ccc;}

.main-content-table-paging{padding: 10px 0;text-align: right;width: 100%;}
.main-content-table-paging img{vertical-align: middle;margin: 0 5px;}
.main-content-table-paging select{height: 30px; width: 60px;;padding: 5px;background: #eee;border: 1px solid #ccc;}
.main-content-table{width: 100%;border-collapse: collapse;text-align: center;}
.main-content-table tr th{padding: 5px ;border-bottom: 1px solid #ccc;font-size: 12px;}
.main-content-table tr td{padding: 10px 5px;border-bottom: 1px solid #eee;font-size: 0.85em;}
.main-content-table tr:hover td{background: #eee;}
.main-content-table tr td a.view{display: block}
.table-row-selected{background: #FFFFCC;}

.control-button a{background: #00949E;float: left;margin: 10px 10px 10px 0;text-align: center;}
.control-button a{display: block;text-decoration: none}
.control-button a img{width: 20px;height: 20px;padding: 7px 5px;vertical-align: middle;float: left;}
.control-button a span{color: #fff;padding:0 15px;font-size: 1em;line-height: 35px;}
.control-button a:hover{background: #555;color: #fff}

.info-header{float: left;font-size: 1.8em;color:#333;text-align: center;}
.info-table{width: 100%;}
.info-table tr td{padding: 5px 10px;border-bottom:1px solid #eee}
.info-table-first{font-weight: bold;width: 180px}

.input-lpanel{width:30%;float:left;}
.input-rpanel{width:70%;float:left;}

.input-table-caption{border-left: 5px solid #00666E ;display: block;margin: 0 0 10px;padding: 5px 10px;color: #00949E;font-size: 1.2em}
.input-table{width: 100%;}
.input-table tr td{padding: 5px 10px;border-bottom:1px solid #eee}
.input-table-first{width: 180px}
.input-photo{border: 1px solid #CCCCCC;border-radius: 2px 2px 2px 2px;box-shadow: 0 0 3px 3px #EEEEEE;height: 200px;margin: 10px auto 0;width: 200px;overflow: hidden;}

.input{background: #fff;padding: 5px  10px;border: 1px  solid  #ddd;width: 95%}
.input:focus{border: 1px  solid  #FF8400}

.department-tree{border: 1px solid #ccc;padding: 20px;width: 350px;overflow-x:auto }
.department-tree ul li{padding: 0 0 0 25px;background: url('../resources/images/tree.gif') no-repeat;}
.last{background-position: 0 -1766px;}
.department-tree ul li a{color: #333;text-decoration: none;}
.department-tree ul li a:hover{}
